import { init } from 'snabbdom/build/package/init';
import { h } from 'snabbdom/build/package/h';

// 导入模块
import { styleModule } from 'snabbdom/build/package/modules/style';
import { eventListenersModule } from 'snabbdom/build/package/modules/eventlisteners';
// 注册模块
const patch = init([
  styleModule,
  eventListenersModule,
])
// 使用h() 函数的第二个参数传入模块中使用的数据
let vnode = h('div', [
  h('h1', { style: { backgroundColor: '#ccc' } }, 'Hello H1'),
  h('p', { on: { click: eventHandler } }, 'Hello P')
])

function eventHandler () {
  console.log('点击了')
}

let app = document.querySelector('#app');
let oldVnode = patch(app, vnode);